<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <div>
        <span>咬人猫</span>
        <span>咬人猫</span>
        <span>咬人猫</span>

    </div>
    <div>
        <span>兔总裁</span>
        <span>兔总裁</span>
        <span>兔总裁</span>
    </div>
    
    <div>
        <span>阿叶君</span>
        <span>阿叶君</span>
        <span>阿叶君</span>
        
    </div>


    <form>

        <!-- <textarea cols="30" rows="10">

        </textarea> -->
        <!-- <select >
            <option >--请选择年份--</option>
            <option >2000</option>
            <option selected="selected">2001</option>
            <option >2002</option>

        </select> -->


        <!-- <input type="file"> -->
        <!-- <input type="button" value = "这是按钮" onclick="alert('hello')"> -->
    </form>







    <!-- <form action=""> 
        <input type="text"><br>
        <input type="password"><br>
        <input type="radio" name = "gender" id = "male"> 
        <label for="male">男</label>
        <input type="radio" name = "gender" checked = "checked" id ="female">
        <label for="female">女</label>
        <br>
        <input type="checkbox">吃饭
        <input type="checkbox">睡觉
        <input type="checkbox">做作业
        <input type="checkbox" checked = "checked">打游戏


    </form> -->

    <!-- <h3>无序列表</h3>
    <ul>
       <li>咬人猫</li>
       <li>兔总裁</li>
       <li>阿叶君</li> 
    </ul>

    <h3>有序列表</h3>
    <ol>
       <li>咬人猫</li>
       <li>兔总裁</li>
       <li>阿叶君</li> 
    </ol>

    <h3>自定义列表</h3>
    <dl>
        <dt>我的老婆们</dt>
        <dd>咬人猫</dd>
        <dd>兔总裁</dd>
        <dd>阿叶君</dd>
    </dl> -->




    <!-- <style>
        td{
            text-align: center;
        }
    </style>

    <table border="2px" width = "500px" height = "300px">
        <tr>
            <th>姓名</th>
            <th>电话</th>
        </tr>
    
        <tr>
            <td>张三</td>
            <td>110</td>
        </tr>
        <tr>
            <td>王五</td>
            <td>120</td>
        </tr>
        <tr>
            <td>老九</td>
            <td>130</td>
        </tr>
    </table> -->
    <!-- <a href="https://www.sogou.com">
        <img src="S.png" alt="">
    </a> -->


    <!-- <a href="test.zip">下载链接</a> -->

    <!-- <a href="#">空链接</a> -->

    <!-- <a href="text2.html">调整转到test.2</a> -->
    <!-- <a href="https://www.baidu.com/?tn=80035161_1_dg">这超链接</a>
    <br>
    <a href="https://www.bilibili.com/">bilibili</a> -->







    <!-- <img src="a.png" alt="这是美少女" title="这是美少女" width="20px" height="20px">
    <br>
    <img src="p.png" alt="哈哈哈哈哈" title="这是一张图片"  width="500px" height="600px"> -->
    <!--相对路径,绝对路径,网络路径-->>
    <!-- <img src="C:\jvacode\javaclass2021\java102\前端代码\0418\p.png " alt=""> -->


    <!-- <strong>加粗</strong>
    <b>加粗</b>

    <em>倾斜</em>
    <i>倾斜</i>

    <del>删除线</del>
    <s>删除线</s>

    <ins>下划线</ins>
    <u>下划线</u> -->

</body>
</html>